<template>
  <div class="app">
    <h4>父组件 -- <button @click="getCompInstance">获取组件实例</button></h4>
    <!-- 规范：起ref名字的时候，名字一般以 ref 开头（例如：refXxx） 或者以 Ref 结尾（例如：xxxRef） -->
    <BaseForm ref="refBaseForm"></BaseForm>
  </div>
</template>

<script>
import BaseForm from './components/BaseForm.vue'
export default {
  components: {
    BaseForm,
  },
  methods: {
   getCompInstance() {
    // 可以通过 this.$refs 获取到组件实例

    // this.$refs.refBaseForm.getFormData();
    // this.$refs.refBaseForm.resetFormData();

    // 还可以直接操作数据
    // console.log(this.$refs.refBaseForm.username, this.$refs.refBaseForm.password);

    // this.$refs.refBaseForm.username = '王二麻子'

   }
  }
}
</script>

<style>
</style>